<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>搜索视频</title>
		<script src="../js/jquery3.5.1.js"></script>
		<script src="../js/vue.js"></script>
		<script src="../js/axios.min.js"></script>
		<script src="../js/elementui.js"></script>
		<script src="../js/mine.js"></script>
		<link rel="stylesheet" href="../css/index.css" />
		<link rel="stylesheet" href="../css/myvideo.css" />
		<link rel="stylesheet" href="../css/searchVideo.css" />
		<link href="../layui/css/layui.css" rel="stylesheet">
	</head>
	<body>
		<div id="app">
			<div id="searchTop">
				<ul>
					<li><a style="color: #FF1493;" href="#">视频</a></li>
					<li><a style="color: white;" href="searchUser.html">用户</a></li>
				</ul>
			</div>
			<div id="searchtags">
				<ul>
					<li style="color: #FF1493;" class="tags">最多播放</li>
					<li class="tags">最新发布</li>
					<li class="tags">最多喜欢</li>
				</ul>
			</div>
			<template v-for="obj in num">
				<div class="video">
					<div class="image-container">
						<img class="tu" src="../img/王牌.png" />
					</div>
					<div class="xin">
						<i class="layui-icon layui-icon-play" style="font-size: 13px; color: white;"></i>
						<span class="num">206.2w</span>
						&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
						&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
						&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
						<span class="num">1:30</span>
					</div>
					<div class="tile">这只是个测试……这只是个测试……这只是个测试……</div>
					<span class="datet">2025-01-01</span>
				</div>
			</template>
		</div>
		
	</body>
	<script>
		new Vue({
			el:"#app",
			data:{
				num:30
			},methods:{
				
			}
		})
	</script>
</html>
